<template>
  <div>
    <!-- <Header></Header> -->
    <div class="number">
      <div class="number-login">
        <div class="header">
          <div class="middle">
            <div class="nav-left">
              <img src="../../assets/images/logo.jpg" alt @click="$router.push('/')">
              <span>讨教号</span>
            </div>
            <div class="nav-right">
              <span>讨教网友</span>
              <span class="out" @click="$router.push('login')">退出</span>
            </div>
          </div>
        </div>
        <div class="container"></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Header2",
  data() {
    return {};
  },
  components: {}
};
</script>
<style lang="scss" scoped>
.number {
  height: 77px;
  background-color: #fff;
  margin-top: -70px;
  .number-login {
    width: 100%;
    border-bottom: 3px solid #aed6ff;
    .header {
      width: 1200px;
    margin: 0 auto;
      height: 74px;
      margin-top: 15px;
      .middle {
        // width: 1000px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .nav-left {
          margin-top: 17px;
          img {
            width: 50px;
            height: 50px;
            border-radius: 100%;
            cursor: pointer;
          }
          span {
            font-size: 20px;
            padding-left: 20px;
          }
        }
        .nav-right {
          padding-top: 20px;
          font-size: 14px;
          color: #333;
          span {
            color: #000;
            font-size: 14px;
            padding-left: 4px;
            // line-height: 74px;
          }
          .out {
            color: #aed6ff;
            cursor: pointer;
          }
        }
      }
    }
  }
}
</style>


